layui.use('table', function(){
    var table = layui.table;

    table.render({
        elem: '#test'
        ,url:'/employeeRest/layuiList'
        ,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        ,height:common.mainHeight
        ,cols: [[
            {type:'checkbox'}
            ,{field:'userName', width:150, title: '用户名'}
            ,{field:'realName', width:150, title: '真实姓名'}
            ,{field:'tel', width:150, title: '手机号码'}
            ,{field:'email', width:150, title: '电子邮箱'}
            ,{field:'dept', width:150, title: '所在部门'}
            ,{field:'inputTime', width:150, title: '入职时间'}
            ,{field:'state', width:150, title: '状态'
                ,templet: function(data){
                    if(data.state==0){
                        return "正常";
                    }else{
                        return "离职";
                    }
                }
            }
            ,{field:'admin', width:150, title: '是否为超管'
                ,templet: function(data){
                    if(data.admin==1){
                        return "是";
                    }else{
                        return "否";
                    }
                }
             }
            ,{field:'role', width:150, title: '员工角色'}
        ]]
        ,page: true
        ,id:"test"
    });

    //头工具栏事件
    table.on('toolbar(test)', function(obj){
        var layEvent = obj.event;
        var checkStatus = table.checkStatus(obj.config.id);
        var datas = checkStatus.data;
        switch(layEvent){
            case 'add':
                layer.open({
                    type: 1, //layer的5种层类型   0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                    title: ['添加员工', 'font-size:14px;'],  //弹出框标题
                    shade: [0.5, '#393D49'],     //遮罩层
                    shadeClose:true,          //点击遮罩层外区域关闭遮罩层
                    area: ['700px', '500px'],    //弹出框大小
                    anim: 4,              //弹出动画
                    content:$("#addFormDiv")
                });
                break;
            case 'delete':
                if(datas.length<=0){
                    layer.msg("至少选择一行");
                }else{
                    deleteByIds(table,layer,datas,"/employeeRest/delete");
                    table.reload("test");
                }
                break;
            case 'search':
                layer.open({
                    type: 1, //layer的5种层类型   0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
                    title: ['条件查询', 'font-size:14px;'],  //弹出框标题
                    shade: [0.5, '#393D49'],     //遮罩层
                    shadeClose:true,          //点击遮罩层外区域关闭遮罩层
                    area: ['600px', '300px'],    //弹出框大小
                    anim: 1,              //弹出动画
                    content:$("#searchFormDiv")
                });
                break;
        };
    });

    //将数据提交到服务器
    //添加数据表单验证
    $('#addForm').bootstrapValidator({
        message: 'This value is not valid',
        //提供输入验证图标提示
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        }
    }).on('success.form.bv', function(e) {//点击提交之后
        saveOrUpdate(e,table,layer,"test");
    });

    $('#searchForm').bootstrapValidator({
        message: 'This value is not valid',
        //提供输入验证图标提示
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {

        }
    }).on('success.form.bv', function(e) {//点击提交之后
        commonAction(e);

        //刷新分页界面
        table.reload("test", {
            page: {
                curr: 1 //重新从第 1 页开始
            },
            where: {
                "po.userName": $("#userNameSearch").val(),
                "po.realName": $("#realNameSearch").val(),
                "po.tel": $("#telSearch").val()
            }
        });

        commonEndAction(e,layer);
    });



});